<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>静心梵乐</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/banner.css" rel="stylesheet" />
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 轮播图 CSS 文件 -->
    <link rel="stylesheet" href="css/banner.css" type="text/css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <!-- 顶部 -->
    <div class="top raise-usercenter gongxiu-nav">
        <a href="" class="userce"><span class="iconfont">&#xe6ce;</span></a>
        静心梵乐
        <a href="" class="goback"><span class="iconfont">&#xe62a;</span></a>
    </div>
    
    <!-- 轮播图 -->
    <div class="banner">
        <div id="owl-banner" class="owl-carousel">
            <div><a href=""><img src="images/banner1.jpg" alt=""></a></div>
            <div><a href=""><img src="images/banner1.jpg" alt=""></a></div>
            <div><a href=""><img src="images/banner1.jpg" alt=""></a></div>
        </div>
    </div>

    <!-- 静心内容 -->
    <div class="jingxin-main">
        <!-- 新手福利 -->
        <div class="jingxin-top">
            <h4>
                新手福利<a href=""><span class="iconfont">&#xe602;</span></a>
            </h4>
            <div class="jingxin-all">
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img1.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img2.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img1.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img2.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 睡眠治愈 -->
        <div class="jingxin-center">
            <h4>
                睡眠治愈<a href=""><span class="iconfont">&#xe602;</span></a>
            </h4>
            <div class="jingxin-all">
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img1.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img2.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img1.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img2.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img1.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img2.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img1.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img2.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img1.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img2.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img1.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
                <div class="jingxin-list clearfix">
                    <div class="left">
                       <img src="images/img2.jpg" alt="">
                    </div>
                    <div class="right">
                        <h5 class="clearfix">
                            <div class="jingxin-rleft">
                                禅修冥想入门<span> • 新品</span>
                            </div>
                            <div class="jingxin-rright">
                               <div class="views">1951人已练习</div>
                            </div>
                        </h5>
                        <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

    <!-- 底部导航 -->
    <div class="foot-nav clearfix jingxin-nav">
        <a href="" class="active">
            <div class="iconfont">&#xe604;</div>
            首页
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe607;</div>
            功课
        </a>
        <a href="" class="publish">
            <div class="publish-btn"><span class="iconfont">&#xe60c;</span></div>  
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe616;</div>
            笔记
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe66d;</div>
            我的    
        </a>
    </div>


    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- banner文件 -->
    <script src="js/banner.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
        <script>
        jQuery(function($) {
            $("#owl-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                autoPlay: 6000,
                navigation: true,
                navigationText: ["",""],
            });
        });
    </script>

</body>
</html>
